<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />    
    <title>ACOTA-Automatic COllaborative TAgging</title> 

<script type="text/javascript" src="scripts/jquery.js"></script> 
<script type='text/javascript' src='scripts/jquery.bgiframe.min.js'></script> 
<script type='text/javascript' src='scripts/jquery.ajaxQueue.js'></script> 
<script type='text/javascript' src='scripts/thickbox-compressed.js'></script> 
<script type='text/javascript' src='scripts/jquery.autocomplete.js'></script> 

<script type="text/javascript"> 
	function formatItem(row) {
alert(row);
		return row[0] + " (<strong>id: " + row[1] + "</strong>)";
	}
	function formatResult(row) {
alert(row);
		return row[0].replace(/(<.+?>)/gi, '');
	}

 $(document).ready(function(){
	$("#suggest").autocomplete('http://localhost:8080/cota/resources/cotaRest/suggest', {
		width: 300,
		multiple: true,
		matchContains: true,
		dataType: 'json',
		formatItem: formatItem,
		formatResult: formatResult
	});
  });

</script> 
 

    <style type="text/css"> 


div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

    </style> 
 
</head> 
<body bgcolor="#ffffff" text="#000000" link="#0000cc" vlink="#551a8b" alink="#ff0000" topmargin="3" marginheight="3"> 
    
    <center> 
        <img id="imglogo" alt="ACOTA" src="Acota.jpg" style="border-width:0px;" /> 
        <br /> 
        <br /> 
        <form id="cse-search-box" name="f"> 
        <table cellpadding="0" cellspacing="0"> 
            <tr valign="top"> 
                <td align="center" nowrap> 
  			<input type="text" id="suggest" size="25"/>
                </td> 
            </tr> 
            
           </table> 
        </form> 
         <p> 
                <br /> 
                <font size="-4" color="gray">WESO.<br /> 
                    Web Semántica Oviedo.<br /> 
                    <a href="http://purl.org/weso" class="hm">&#169; 2010-WESO</a></font>
	</p> 
    </center> 
 
 
</body> 
 
 
 
</html> 
